<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2021/8/20
  Time: 15:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.5.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 导航条 -->
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- 屏幕自适应 -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">信息管理系统<small> V1.0</small></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <!-- 导航条最右边 -->
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">欢迎: <span class="text-danger">${name}</span></a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">个人中心<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">我的积分</a></li>
                        <!-- 分隔线 -->
                        <li role="separator" class="divider"></li>
                        <li><a href="#">修改密码</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">我的消息</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>
<div class="row">
    <div class="col-md-2">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            <!-- 一个面板 -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            <span class="glyphicon glyphicon-knight"></span>员工管理
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
                    <div class="panel-body">
                        <!-- 列表组 -->
                        <ul class="list-group">
                            <li class="list-group-item"><a href="${pageContext.request.contextPath}/staff/selectStaff.action">员工列表</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 一个面板 -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingTwo">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                            <span class="glyphicon glyphicon-user"></span>客户管理
                        </a>
                    </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingTwo">
                    <div class="panel-body">
                        <!-- 列表组 -->
                        <ul class="list-group">
                            <li class="list-group-item"><a href="${pageContext.request.contextPath}/client/selectClient.action">客户列表</a></li>
                        </ul>
                        <ul class="list-group">
                            <li class="list-group-item"><a href="${pageContext.request.contextPath}/clientProject/selectClientProject.action">所带项目</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 一个面板 -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingThree">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                            <span class="glyphicon glyphicon-user"></span>经理管理
                        </a>
                    </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingThree">
                    <div class="panel-body">
                        <!-- 列表组 -->
                        <ul class="list-group">
                            <li class="list-group-item"><a href="${pageContext.request.contextPath}/manager/selectManager.action">经理列表</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 一个面板 -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingFour">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
                            <span class="glyphicon glyphicon-user"></span>领导管理
                        </a>
                    </h4>
                </div>
                <div id="collapseFour" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingThree">
                    <div class="panel-body">
                        <!-- 列表组 -->
                        <ul class="list-group">
                            <li class="list-group-item"><a href="${pageContext.request.contextPath}/director/selectDirector.action">领导列表</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 一个面板 -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingFive">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="true" aria-controls="collapseFive">
                            <span class="glyphicon glyphicon-user"></span>部门管理
                        </a>
                    </h4>
                </div>
                <div id="collapseFive" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingThree">
                    <div class="panel-body">
                        <!-- 列表组 -->
                        <ul class="list-group">
                            <li class="list-group-item"><a href="${pageContext.request.contextPath}/department/selectDepartment.action">部门列表</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 一个面板 -->
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingSix">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="true" aria-controls="collapseSix">
                            <span class="glyphicon glyphicon-user"></span>项目管理
                        </a>
                    </h4>
                </div>
                <div id="collapseSix" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingSix">
                    <div class="panel-body">
                        <!-- 列表组 -->
                        <ul class="list-group">
                            <li class="list-group-item"><a href="${pageContext.request.contextPath}/project/selectProject.action">项目列表</a></li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="col-md-10">
        <!-- 巨幕 -->
        <div class="jumbotron">
            <h1>Hello, world!</h1>
            <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
            <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
        </div>
        <!-- 警告框 -->
        <div class="alert alert-danger alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4>网站程序漏洞，请继续修复！</h4>
            <p>当前版本程序存在严重的安全问题，请立即<a href="" class="alert-link" >修复</a></p>
            <p>
                <button class="btn btn-danger">立即修复</button>
                <button class="btn btn-default">稍后处理</button>
            </p>
        </div>
    </div>
</div>
</body>
</html>
